*{margin: 0;padding:0;font-family: "微软雅黑"}
li{list-style: none;}
a{text-decoration: none;}
.container{width: 100%;height:17rem;background:url(../img/4.jpg)no-repeat;background-size:cover;text-align: center;margin-bottom: 4%;}
.head_top{text-align:center;height:4rem;line-height:4rem;border-bottom:1px solid #fff;color: #fff;background:url(../img/4.jpg)no-repeat;background-size: cover;}
dl dt {height: 8em;}
dl dd {padding: 0 1em;background:#fff;}
body,dd,dl,dt,form{margin: 0;}
dl dt img {width: 7em;height: 7em;border-radius: 50%;text-align: center;border:3px solid #fff;}
.head_dl{padding-top: 9%;}
.head_dl p{color: #fff;}
@media screen and (min-width: 768px){.head_dl{padding-top:5%;}}
dl dd:not(:nth-of-type(0)){ border-bottom: 4px solid #f2f2f2;}
dl dd a {display: block;height: 3.2rem;line-height:3.2rem;background: url(../images/arr_right.png) no-repeat right center;color: #333;-webkit-background-size: .4em .8em;background-size: .4em .8em;font-size: 14px;}
dl dd a span:nth-of-type(1) {position: relative;float: left;padding-left: 3.3em;}
dl dd a span:nth-of-type(1).infor_span {background: url(../images/7.png) no-repeat left center;-webkit-background-size: 37px 37px;background-size: 37px 37px;}
dl dd a span:nth-of-type(1).pro_span {background: url(../images/8.png) no-repeat left center;-webkit-background-size: 37px 37px;background-size: 37px 37px;}
dl dd a span:nth-of-type(1).poin_span {background: url(../images/9.png) no-repeat left center;-webkit-background-size: 37px 37px;background-size: 37px 37px;}
dl dd a span {width: 40%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.but{border: none;background: #03A9F4;width: 90%;margin: 0 auto;height: 2.4rem;text-align: center;outline: none;display: block;border-radius: 6px;color: #fff;font-size: 16px;}
.inp_st{width: 95%;margin: 0 auto;height: 12rem;background:#fff;margin-top:3%;margin-bottom: 15%;}
.inp_p{display: block;width: 90%;margin: 0 auto;padding: 1rem;}
.inp_div{width: 90%;margin: 0 auto;margin-top: 2%;margin-bottom: 5%;}
.inp_div label{display: block;height: 1.8rem;line-height: 1.8rem;font-size: 14px;}
.inp_div input{width: 77%;height: 1.8rem;outline: none;border:1px solid #03A9F4;}
.mov_div{width: 80%;margin: 0 auto;margin-top: 35%;}
.mov_div img{width: 55%;height: 13rem;margin: 0 auto;display: block;}
.mov_div p{text-align: center;margin: 3rem;color: #5e5e5e;}
.st_div{width: 95%;margin: 0 auto;height:6rem;margin-top:5%;}
.st_div1{float: left;width: 33%;height: 4.8rem;}
.st_sc{width: 67%;float: left;font-size: 12px;height:4.8rem;line-height: 1.6rem; }
.st_sc p{width: 100%;}
.st_jianjie{width: 100%;border-top: 3px solid #ccc;background: #fff;margin-bottom: 4%;padding-bottom: 6%;}
.st_jianjie p{width: 86%;display: block;margin: 0 auto;}
.fun_div{background:#fff;width: 100%;height: 4rem;border-bottom: 1px solid #ccc;}
.fu_zijin{width: 70%;float: left;}
.fu_zijin p{padding-left: 0.8rem;padding-top: 5%;}
.fu_zijin label{display: block;float: left;padding:0 0.8rem;}
.fun_right{width: 30%;float: left;padding:1.3rem 0;text-align: center;}
.head_top img{padding: 1rem;width: 27%;}
.par_img{width: 100%;}
.par_img img{width: 100%;}
p.p_num {width: 39%;position: relative;margin-top: -3px;float: right;margin: 0.8rem;}
span.sy_minus,span.sy_plus {width: 24%;height: 24px;line-height: 24px;text-align: center;display: block;position: absolute;top: 0px;font-size: 14px;background: #ebebeb;cursor: pointer;}
span.sy_minus {left: 0px;}
span.sy_plus {right: 0px;background: #2196F3;color: #fff;} 
input.sy_num {width: 44px;height: 18px;line-height: 24px;text-align: center;position: absolute;top: 0px;left: 47px;border:none;}
span.sy_num {padding: 5px 8px;border-left: none;border-right: none;cursor: pointer;}
.order{width: 100%;background: #fff;}
.order li{width:100%;border-top:3px solid #eee;}
.order_div{width: 90%;height:3rem;line-height: 3rem;font-size: 13px;margin: 0 auto;}
.order_div label{display: block;float: left;width: 19%;}
.order_div_l{border-bottom: 1px solid #ccc;width: 100%;height: 6rem;}
.order_img{width: 30%;height: 5rem;float: left;padding-left: 1.2rem;}
.order_img img{width: 100%;height: 5rem;}
.order_det{float: left;width: 64%;font-size: 12px;}
.order_det_p{width:31%;float: right;text-align: center;color: red;}
.order_p{padding: 0.4rem;padding-top: 0;padding-bottom: 1.5rem;}
.order_det label{display: block;float: left;width: 22%;margin-left: 0.4rem;}
.div_but{width: 92%;height: 2.5rem;line-height: 2.5rem;margin: 0 auto;}
.div_but button{float: right;border: none;background: #03a9f4;width: 30%;text-align: center;height: 1.8rem;margin-top: 0.3rem;color: #fff;border-radius: 4px;}
.div_add{width:90%;height:3rem;margin: 0 auto;padding:1.5rem;color:black;font-size: 13px; }
.div_tel{width:78%;float: left;line-height: 1.6rem;}
.tel_name{display: block;float:left;width:29%;}
.add_img{width: 10%;float: right;height: 1rem;}
.aa_img img{width:100%;height: 1rem;}
.order_list{width: 90%;margin: 0 auto;height: 14rem;line-height: 2rem;font-size: 12px;color: #5e5e5e;}
.order_list_p{width: 100%;height: 3rem;line-height: 3rem;font-weight: bold;color: black;font-size: 15px;}
.order_list label{display: block;float: left;width: 35%;}
.ge_img{width: 21%;height: 1.5rem;padding-top: 2.5rem;padding-bottom: 1.4rem;margin: 0 auto;}
.ge_img img{width:100%;height: 1.5rem;}
.ge_imgi{width:155px;margin: 0 auto;height: 9rem;}
.ge_imgi img{width:100%;height: 9rem;}
.content_div{background:#fff;}
.content_div li{width: 100%;height: 6rem;border-bottom: 1px solid #eee;}
.content_img{width:72px;float: left;margin-top:3%;margin-left: 4%;}
.content_div img{width:100%;border-radius: 50%;}
.content_div span{display: block;width: 61px;text-align: center;float: left;height: 6rem;line-height: 6rem;}
.content_time{width: 38%;float: right;height: 6rem;line-height: 6rem;text-align: center;font-size: 12px;padding-left: 0.5rem;}
@media screen and (max-width: 414px){.content_time{width:50%;padding-left: 0;}}
.content_but{width: 70%;margin: 0 auto;text-align: center;margin-top: 9%;height: 2.5rem;}
.content_but button{width: 100%;background: none;outline: none;border: none;border: 1px solid #9E9E9E;height: 2.5rem;}
.main{background:#fff;}
.main li{width:100%;height:6.5rem;border:1px solid #eee;}
.main_img{width: 28%;float:left;margin: 0.6rem;}
.main_img img{width: 100%;height: 5rem;}
.main_right{width: 63%;float: left;margin-top:3%;}
.main_bott{width: 63%;float: left;height: 2.8rem;line-height: 2.8rem;}
.main_bott button{float: right;margin-right: 5%;border:none;background:none;width: 39%;height: 1.7rem;border:1px solid #9E9E9E;color:#9E9E9E;border-radius: 4px;margin-top:4%;}
.main_p{color:#9e9e9e;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 12px;}
.head_body{width: 100%;height: 100%;background:url(../img/beijing.jpg)no-repeat;background-size: cover;text-align: center;}
.banner{width: 50%;height: 4rem;padding-top: 4.5rem;padding-bottom: 1.4rem;margin: 0 auto;}
.banner img{width: 100%;height: 4rem;}
#tab{float: right;width: 41%;height: 3rem;line-height: 3rem;display: block;text-align: center;}
.min{width: 17%;height: 1.8rem;border: none;outline: none;}
.text_box{width: 29%;text-align: center;border: none;outline: none;}
.add{width: 17%;height: 1.8rem;border: none;outline: none;}
.butt{border:none;background: #eee;outline: none;width: 26%;height: 1.9rem;}
.input_ds{width: 29%;height: 1.5rem;outline: none;background:none;border:none;text-align: center;}
select{border-radius: 6px;width: 25%;display: block;float: left;height: 1.8rem;line-height: 1.8rem;outline: none;}
select {border: solid 1px #22B1ED;appearance:none;-moz-appearance:none;  -webkit-appearance:none;    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;padding-right: 14px;  } 
select::-ms-expand { display: none;}
.con_div{margin-top: 2%;width: 100:;width: 100%;height: 7rem;background: #fff;}
.num{width: 80%;height: 8rem;background: #fff;border-radius: 6px;margin: 0 auto;border: 2px solid #03A9F4;}
.num div{width: 90%;margin: 0 auto;}
.num h3{line-height:2.4rem;color:#62B6E3;}
.num span{display: block;width: 100%;height: 2rem;line-height: 2rem;border-bottom: 1px solid #ccc;font-size: 14px;}
.num label{display: block;float: left;width: 31%;text-align: left;color: #5d5d5d;}
.num p{display: block;float: left;width: 40%;text-align: left;}
.num_but{width: 44%;margin: 0 auto;margin-top:4%;}
.num_but img{width: 100%;}
.con_img{width: 34%;height: 7rem;float: left;}
.con_img img{width: 100%;height:7rem;}
.con_p{float: left;width: 64%;font-size: 12px;}
.con_pl{padding:0.4rem;}
.con_pd{color: red;}
.order_det_p{width:31%;float: right;text-align: center;color: red;}
.p_number .f_l{float:left;}
.add_chose{width: 35%;float: right;margin-right: 2%;}
.add_chose a.reduce{margin-top:10%;background-position: 0 0;float: left;border: 1px solid #eee;width: 26%;height: 1.9rem;text-align: center;background: #eee;color: black;line-height: 1.9rem;}
.add_chose a.reduce:hover{background:#5AD0F8;color: #fff;}
.add_chose a.add{margin-top:10%;background-position: 0 0;float: left;border: 1px solid #eee;width: 26%;height: 1.9rem;text-align: center;background: #eee;color: black;line-height: 1.9rem;}
.add_chose a.add:hover{background:#5AD0F8;color: #fff;}
.add_chose .text{float: left;display: inline;border: none;width: 37%;line-height: 3.5rem;font-size: 14px;font-weight: 800;text-align: center;outline: none;}
.buy{line-height:3em;}
.buy .total-font{font-family: Arial;font-size: 18px;float: left;color: #F44336;font-weight: 800;width: 30%;}
.buy .jifen{margin-left:20px;color:#ACACAC;}
.buy .jifen b{margin:0 3px;}
.p_price{width:64%;float: left;margin-top: 11%;margin-left: 2%;color:#F44336;}
.p_numb{width: 100%;height: 3.5rem;background: #fff;margin-top: 2%;}
.p_numb p{float: left;display: block;margin-left:8%;line-height: 3.5rem;font-size: 13px;}
.message{width: 100%;height: 9rem;background: #fff;margin-top:2%;}
.message p{margin-left:8%;height: 3rem;line-height: 3rem;}
.message textarea{width: 90%;margin: 0 auto;display: block;height: 5rem;overflow:hidden; resize:none;outline: none;}
.tot{width: 100%;height: 3rem;background: #fff;margin-top: 4%;}
.submit{border: none;background: #03A9F4;width:30%;height:3rem;float:right;outline: none;display: block;color: #fff;font-size: 16px;}
.buy label{display: block;width: 16%;float: left;font-size: 17px;margin-left: 24%;}
.num_infor{width: 100%;background: #fff;margin: 0 auto;margin-top:1%;padding: 1rem 0;}
.num_infor div{width: 85%;margin: 0 auto;}
.num_infor span{display: block;width: 100%;height: 2rem;line-height: 2rem;font-size: 14px;}
.num_infor label{display: block;float: left;width: 31%;text-align: left;font-weight: bold;}
.num_infor p{display: block;font-size:12px;float: left;width:69%;text-align: left;color: #5d5d5d;}
